<template>
  <div class="privacy-policy">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-8">
          <div class="policy-content">
            <h1 class="policy-title">隐私政策</h1>
            <p class="last-updated">最后更新时间：{{ new Date().toLocaleDateString("zh-CN") }}</p>

            <div class="policy-section">
              <h2>1. 信息收集</h2>
              <p>我们收集以下类型的信息：</p>
              <ul>
                <li>
                  <strong>个人信息：</strong>
                  当您注册账户、评论或联系我们时，我们可能收集您的姓名、电子邮件地址等信息。
                </li>
                <li>
                  <strong>使用数据：</strong>
                  我们收集关于您如何使用我们网站的信息，包括访问时间、页面浏览量、IP地址等。
                </li>
                <li>
                  <strong>Cookie和跟踪技术：</strong>
                  我们使用Cookie和类似技术来改善用户体验和分析网站使用情况。
                </li>
              </ul>
            </div>

            <div class="policy-section">
              <h2>2. 信息使用</h2>
              <p>我们使用收集的信息用于：</p>
              <ul>
                <li>提供和维护我们的服务</li>
                <li>改善用户体验和网站功能</li>
                <li>发送重要通知和更新</li>
                <li>分析网站使用情况和趋势</li>
                <li>防止欺诈和滥用</li>
              </ul>
            </div>

            <div class="policy-section">
              <h2>3. 广告和第三方服务</h2>
              <p>本网站可能使用第三方广告服务，包括但不限于Google AdSense。这些服务可能会：</p>
              <ul>
                <li>使用Cookie来显示与您兴趣相关的广告</li>
                <li>收集匿名的统计信息</li>
                <li>根据您的浏览历史显示个性化广告</li>
              </ul>
              <p>
                您可以通过浏览器设置禁用Cookie，或访问
                <a href="https://www.google.com/settings/ads" target="_blank">Google广告设置</a>
                来管理广告偏好。
              </p>
            </div>

            <div class="policy-section">
              <h2>4. 信息共享</h2>
              <p>我们不会出售、交易或转让您的个人信息给第三方，除非：</p>
              <ul>
                <li>获得您的明确同意</li>
                <li>法律要求或法院命令</li>
                <li>保护我们的权利和安全</li>
                <li>与可信的第三方服务提供商共享（如托管服务商）</li>
              </ul>
            </div>

            <div class="policy-section">
              <h2>5. 数据安全</h2>
              <p>我们采取适当的安全措施保护您的个人信息，包括：</p>
              <ul>
                <li>使用SSL加密传输数据</li>
                <li>定期更新安全协议</li>
                <li>限制对个人信息的访问权限</li>
                <li>定期备份数据</li>
              </ul>
            </div>

            <div class="policy-section">
              <h2>6. Cookie政策</h2>
              <p>我们使用Cookie来：</p>
              <ul>
                <li>记住您的登录状态和偏好设置</li>
                <li>分析网站流量和使用模式</li>
                <li>提供个性化的内容和广告</li>
                <li>改善网站性能</li>
              </ul>
              <p>您可以通过浏览器设置控制Cookie的使用。</p>
            </div>

            <div class="policy-section">
              <h2>7. 儿童隐私</h2>
              <p>
                我们的服务不面向13岁以下的儿童。我们不会故意收集13岁以下儿童的个人信息。如果我们发现收集了儿童的信息，我们会立即删除。
              </p>
            </div>

            <div class="policy-section">
              <h2>8. 您的权利</h2>
              <p>您有权：</p>
              <ul>
                <li>访问和更新您的个人信息</li>
                <li>删除您的账户和相关数据</li>
                <li>反对某些数据处理活动</li>
                <li>要求数据可携带性</li>
                <li>撤回先前给予的同意</li>
              </ul>
            </div>

            <div class="policy-section">
              <h2>9. 政策更新</h2>
              <p>
                我们可能会不时更新此隐私政策。重大变更时，我们会在网站上发布通知。建议您定期查看此页面以了解最新的隐私政策。
              </p>
            </div>

            <div class="policy-section">
              <h2>10. 联系我们</h2>
              <p>如果您对此隐私政策有任何疑问或建议，请通过以下方式联系我们：</p>
              <ul>
                <li>邮箱：903580396@qq.com</li>
                <li>地址：请通过网站联系表单联系我们</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
// 设置页面标题和meta信息
</script>

<style lang="scss" scoped>
.privacy-policy {
  min-height: 100vh;
  background-color: #f8f9fa;
  padding: 40px 0;

  .container {
    max-width: 1200px;
  }

  .policy-content {
    background: white;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    @media (max-width: 768px) {
      padding: 20px;
    }
  }

  .policy-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    text-align: center;

    @media (max-width: 768px) {
      font-size: 2rem;
    }
  }

  .last-updated {
    text-align: center;
    color: #6c757d;
    font-style: italic;
    margin-bottom: 40px;
  }

  .policy-section {
    margin-bottom: 30px;

    h2 {
      font-size: 1.5rem;
      font-weight: 600;
      color: #34495e;
      margin-bottom: 15px;
      padding-bottom: 10px;
      border-bottom: 2px solid #3498db;
    }

    p {
      line-height: 1.8;
      color: #555;
      margin-bottom: 15px;
    }

    ul {
      padding-left: 20px;

      li {
        margin-bottom: 8px;
        line-height: 1.6;
        color: #555;

        strong {
          color: #2c3e50;
        }
      }
    }

    a {
      color: #3498db;
      text-decoration: none;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}
</style>
